<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="text" class="hello">
			我是一个div
		</div>
		<div class="hello hello2">
			我是一个div2
		</div>
	</body>
</html>
<style type="text/css">
	/* 当通过不同选择器选择相同元素时，此时发生了样式冲突 */
	/* 优先级 内联样式1000>id选择器100>类选择器(包括伪类选择器)10>元素选择器1>通配选择器*0>继承样式无优先级 */
	/* 比较选择器时，要将所有选择器优先级相加计算，优先级越高则优先显示 */
	/* 选择器的累加不会超过最大的数量级 */
	/* 如果优先级计算后相同，则优先使用靠下的样式 */
	/* 可以在某一样式后面加上!important，此时获得最高优先级 */
	div{
		color: #FF0000;
	}
	.hello{
		color: #FFFF00;
	}
	.hello2{
		color: #333333 ;
	}
	#text{
		color: #0000FF;
	}
</style>
